<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
*{padding:0; margin:0;}
#main{width:500px; height:200px; margin:0 auto; opacity:1;}
</style>
<script src="jquery-1.11.0.js"></script>
<script>
$(function(){
/*		$('button').click(function(){
			var x=$('#main').css('display');
			if(x=='block'){
				$('#main').fadeOut(1000);
				}else{
				$('#main').fadeIn(1000);
				}
			})
*/	
/*	$('button').click(function(){
			$('#main').fadeToggle(2000);
		})
*/
$('button').click(function(){
		var x=$('#main').css('opacity');
		if(x==1){
			$('#main').fadeTo(1000,0.5);
			}else{
			$('#main').fadeTo(1000,1);
				}
	})

})
</script>
</head>

<body>
<div id="main"><img src="1.jpg" /></div>
<button>Click</button>
</body>
</html>
